<!--<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>用 户 列 表</title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>



	</head>
	<body>
	<div class="container">
		<div class="row">
			<table class="col-md-12 text-left table-bordered table-hover table-condensed">
				<thead>
					<tr class="info">
						<th class="col-md-1">选 择</th>
	 					<th class="col-md-5">用 户 名</th>
					</tr>
				</thead>
			
				<tbody>
					<tr name="tr">
						<td><input type="checkbox"   name="td"></td>
	 					<td>Tom</td>
					</tr>
				
					<tr name="tr">
						<td><input type="checkbox" name="td"></td>
	 					<td>Jack</td>
					</tr>
					
					<tr name="tr">
						<td><input type="checkbox"  name="td"></td>
	 					<td>Lucy</td>
					</tr>
				</tbody>
			</table>
			<div class="clearfix" style="margin-bottom: 18px;"></div>
			<button class="btn col-md-3 btn-info" type="submit" id="btn" onclick="del_tr()">删除</button>
		</div>
	</div>	
					
	</body>
	
<script type="text/javascript">
function del_tr(){
	   var tr = document.getElementsByName("tr");
        var td = document.getElementsByName("td");
        
        for (var i=0;i<td.length;i++){
           if(td[i].checked){
           		tr[i].parentNode.removeChild(tr[i]);
           		i--;
        }
      
    }

}
</script>
</html>
